<template>
  <div class="flex flex-wrap items-end gap-4">
    <BaseAvatar src="/img/avatars/25.svg" shape="straight" mask="hex" size="xl" />

    <BaseAvatar src="/img/avatars/10.svg" shape="straight" mask="hexed" size="xl" />

    <BaseAvatar src="/img/avatars/16.svg" shape="straight" mask="deca" size="xl" />

    <BaseAvatar src="/img/avatars/5.svg" shape="straight" mask="blob" size="xl" />

    <BaseAvatar src="/img/avatars/24.svg" shape="straight" mask="diamond" size="xl" />
  </div>
</template>
